@import url("../publicStyle.less");

@DisableClass: #FA401B;
@HigherRiskCategory: #FABE1B;
@EvidenceSupportClass: #25BEBE;
@HigherRegulationCategory: #c280ff;

.examine-result-container {
  .result-content {
    .widthAndHeight(100%, calc(100vh - 100px));
    color: @TitleText;
    padding: 20px;
    box-sizing: border-box;
    background-color: @ZebraCrossing;
    .contentOverflowRoll();

    &::-webkit-scrollbar {
      display: none;
    }

    &>div {
      background-color: @AssistBgWhite;
    }

    &>div:first-of-type{
      .DetailsText();
      background-color: transparent;
      margin-bottom: 20px;
    }

    .select-type-text{
      display: flex;
      align-items: center;

      .select-type-text-item{
        display: flex;
        align-items: center;
        margin-right: 40px;

        &>span:first-of-type{
          color: @ContentText;
          margin-right: 14px;
        }
      }
    }

    .result-type {
      .flex();
      height: 188px;
      margin-bottom: 4px;

      .result-type-item {
        .widthAndHeight(25%, 100%);
        font-size: 26px;
        line-height: 45px;
        text-align: center;

        .catch-the-eye {
          font-size: 64px;
          vertical-align: sub;
        }

        &>p:first-of-type {
          font-size: 24px;
          color: @ContentText;
          margin: 50px 0 14px 0;
        }
      }
    }

    .introduce {
      .DetailsText();
      line-height: 60px;
      color: @ContentText;
      text-align: left;
      padding: 24px 16px;
      margin-bottom: 20px;

    }

    .problem-details {
      text-align: left;
      .DetailsInfoTitle();
      padding: 0 16px;

      h3 {
        .DetailsText();
        .textGather(100%, 88px, left);
        font-weight: 400;
      }

      .problem-details-item {
        .problem-details-item-title {
          .flex();
          justify-content: space-between;
          padding: 24px 0;
          border-top: 2px solid @AssistLightGrey;

          &>span:last-of-type {
            transition: all .2s;

            &.rotate-active {
              transform: rotateZ(90deg);
            }
          }

          .iconfont {
            font-size: 40px;
            color: @ContentText;
          }
        }

        .problem-details-item-info {
          padding: 24px 0;
          border-top: 2px solid @AssistLightGrey;

          &>p {
            display: flex;
            .DetailsInfoTitle();
            margin-bottom: 20px;

            &:last-of-type {
              margin-bottom: 0;
            }

            &>span:first-of-type {
              width: 145px;
            }

            &>span:last-of-type {
              flex: 1;
              color: @ContentText;
            }

          }

          .cases-involved-item {
            color: @AssistTextA;
            margin-bottom: 10px;

            &:last-of-type {
              margin-bottom: 0;
            }
          }

        }
      }
    }

    .tab {
      font-size: 20px;
      color: @AssistTextA;
      vertical-align: super;
    }

    .disable-class {
      color: @DisableClass;
    }

    .higher-risk-category {
      color: @HigherRiskCategory;
    }

    .evidence-support-class {
      color: @EvidenceSupportClass;
    }

    .higher-regulation-category {
      color: @HigherRegulationCategory;
    }

    .higher-risk-category-con,
    .disable-class-con,
    .higher-regulation-category-con,
    .evidence-support-class-con {
      display: inline-block;
      .DetailsText();
      height: 40px;
      line-height: 40px;
      color: @ContentTextWhite;
      padding: 0 8px 4px;
      border-radius: 4px;
    }

    .higher-risk-category-con {
      background: @HigherRiskCategory;
    }

    .disable-class-con {
      background: @DisableClass;
    }

    .evidence-support-class-con {
      background: @EvidenceSupportClass;
    }

    .higher-regulation-category-con{
      background: @HigherRegulationCategory;
    }
  }

  .cases-involved-content {
    padding: 0 20px;

    p {
      display: flex;
      .DetailsInfoTitle();
      margin: 20px 0;

      &>span:first-of-type {
        width: 200px;
      }

      &>span:last-of-type {
        flex: 1;
        color: @ContentText;
      }
    }
  }

  .audit-instructions {
    margin-top: 20px;

    h2 {
      .DetailsText();
      height: 80px;
      line-height: 80px;
      font-weight: 400;
      text-align: center;
    }

    .audit-instructions-list {
      padding: 0 20px;
      font-size: 26px;

      .audit-instructions-item {
        display: flex;
        padding: 30px 0;
        border-bottom: 2px solid @AssistLightGrey;

        &:last-of-type {
          border-bottom: none;
        }

        .ains-left {
          width: 50px;

          span {
            display: block;
            width: 30px;
            height: 30px;
            text-align: center;
            line-height: 30px;
            color: @ContentTextWhite;
            background-color: @MainColor;
            border-radius: 50%;
            margin-top: 7px;
          }
        }

        .ains-right {
          flex: 1;

          h3 {
            font-weight: 400;
            .DetailsInfoTitle();
          }

          p {
            .DetailsInfoTitle();
            color: @ContentText;
            margin-top: 20px;
          }
        }
      }
    }
  }

  .disclaimers {
    margin-top: 20px;
    padding: 20px;
    display: flex;
    .DetailsInfoTitle();

    &>span:first-of-type {
      width: 130px;
      color: #FF0000;
      white-space: nowrap;
    }

    &>span:last-of-type {
      flex: 1;
    }
  }
}
